* {
    margin: 0;
    padding: 0;
}

html,body,.app {
    height: 100%;
}

@font-face {
    font-family: "web-SourceHanSansCN-Bold";
    src: url("//gz.bcebos.com/v1/beauty-mirror/web_admin/fonts/SourceHanSansCN-Bold.otf"),
     
}

@font-face {
    font-family: "web-SourceHanSansCN-ExtraLight";
    src: url("//gz.bcebos.com/v1/beauty-mirror/web_admin/fonts/SourceHanSansCN-ExtraLight.otf"),
     
}

@font-face {
    font-family: "web-SourceHanSansCN-Bold";
    src: url("//gz.bcebos.com/v1/beauty-mirror/web_admin/fonts/SourceHanSansCN-Bold.otf"),
     
}

@font-face {
    font-family: "webfontSourceHanSansSC";
    src: url("//gz.bcebos.com/v1/beauty-mirror/web_admin/fonts/SourceHanSansHWSC-Regular.otf"),
     
}


body {
    font-family: "Source Han Sans CN", "webfontSourceHanSansSC", Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
}

.layout-container{
    padding: 20px;
}

/*取消iview的card的内容padding*/
.no-card-padding .ivu-card-body {
    padding: 0;
}

/*取消iview的table的border*/
.personal-table-border {
    border: none;
}

/* 改变iview的table的滚动条 BEGIN */
.personal-scrollbar .ivu-table-body::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;  
    height: 6px;  
    background-color: #F5F5F5;
}
.personal-scrollbar .ivu-table-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    background-color: #ccc; 
}
.personal-scrollbar .ivu-table-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 0;
    background-color: #fff;
}
.personal-scrollbar .ivu-table-header { /* 自定义侧边条，填补表格头部右侧背景空白 */
    background-color: #f8f8f9;
}
.personal-scrollbar .ivu-table-header colgroup col[width="17"] { /* 有滚动条时限制宽度，对齐表头 */
    width: 6px !important;
}
/**
 * 这里是想选中有 rowspan=1 的 th（有滚动条时才会出现） 前一个 th ，
 * 将其 border-right 设为 none， 但是当前 css 无法实现
 *
 * @link https://www.zhihu.com/question/21508830/answer/18465691 知乎关于回溯选择器的问题如何给W3C提案
 * @link https://developer.mozilla.org/en-US/docs/Web/CSS/:has css4 的 has 选择器
 * @link https://css4-selectors.com/selector/css4/subject-of-selector-with-child-combinator/ css4 的主体选择器
 */
.personal-scrollbar .ivu-table-header thead tr th[rowspan='1'] { /* 有滚动条时挡住th默认右边的 border */
    position: relative;
    right: 1px;
    border-right: none;
}
.personal-scrollbar .ivu-table-body > table { /* 自定义侧边条很窄，填补表格右侧背景空白 */
    width: 100% !important;
}
/* 改变iview的table的滚动条 END */

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar .ivu-table-body::-webkit-scrollbar {
    display: none;
}

/*图标样式*/
.admin__icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*人群*/
.admin__icon.user {
    background-image: url('~src/assets/icon/icon_Crowd.png')
}

/*统计人数*/
.admin__icon.visit {
    background-image: url('~src/assets/icon/icon_Skin_measuring_instrument.png')
}

/*测肤次数*/
.admin__icon.skin-test {
    background-image: url('~src/assets/icon/icon_store.png')
}

/*店铺列表*/
.admin__icon.store-list {
    background-image: url('~src/assets/icon/icon_Skin_test.png')
}

/*热门试妆*/
.admin__icon.hot-makeup {
    background-image: url('~src/assets/icon/icon_hot.png')
}

/*图标样式 END*/

/*文字不换行且超过变成...*/
.overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*文字不换行且超过变成... END*/

/*圆形的图*/
.circular-border-img {
    border: 1px solid #ccc;
    border-radius: 50%;
}

/*vue动画*/
.fadeL-enter-active,.fadeL-leave-active {
    transition: opacity .3s 0s ease,transform .3s 0s ease;
}

.fadeL-enter,.fadeL-leave-to {
    opacity: 0;
    transform: translateX(100%);
}

/*去掉Chrome自动填充时，input中的黄色背景  */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    /* border: none!important;
    border-bottom: 1px solid #e5e5e5!important; */
    background-image: inherit;
}

/* 固定宽高的div上下左右居中 */
.align-vertical-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}